Touch page control method and system

ABSTRACT

The present disclosure relates to a touch page control method, including: receiving a page opening request; performing determination on a page to be opened, to determine whether controls exist in the page; counting, if the controls exist in the page, the number of the controls, and determining locations of the controls; creating gesture areas according to the number of the controls, where the number of the gesture areas corresponds to the number of the controls; and displaying, in the gesture areas, gestures required for activating the corresponding controls. In addition, the present disclosure further provides a touch page control system.

RELATED APPLICATION

This application claims priority to Chinese Patent Application No.201210409083.0, entitled “TOUCH DEVICE PAGE CONTROL METHOD AND SYSTEM”filed on Oct. 24, 2012, which is incorporated by reference in itsentirety.

FIELD OF THE TECHNOLOGY

The present disclosure relates to touch technologies of terminals, andin particular, to a touch page control method and system.

BACKGROUND OF THE DISCLOSURE

For a touch electronic device at a present stage, for example, a mobilephone with a touch screen and a tablet computer, a specific operation ismainly performed through a touch action that is agreed upon. Forexample, operations such as page turning, forward, rewind, and pagezooming are performed by using specific gestures. However, a user whouses a touch electronic device for the first time can only know theseactions after fumbling for a long time or consulting others, whichincreases learning cost of the user, and causes undesirable userexperience.

In addition, operation buttons exist on operation pages of some softwareas well as some web pages such as a page for software downloading and apage for song playback. If an operation such as playing a video,downloading software, and playing a song needs to be performed, theforegoing buttons need to be activated in a touching manner to perform arequired operation. However, because a display screen of a touchelectronic device at the present stage is relatively small, thesebuttons are also relatively small, making it easy to touch an adjacentbutton by accident when the foregoing buttons are touched, resulting inan incorrect operation.

SUMMARY

In view of this, it is necessary to provide a touch page control methodand system that make it difficult for an incorrect operation to occur.

The touch page control method and system are implemented by using thefollowing technical solutions:

A touch page control method includes: receiving a page opening request;performing determination on a page to be opened, to determine whethercontrols exist in the page; counting, if the controls exist in the page,the number of the controls, and determining locations of the controls;creating gesture areas according to the number of the controls, thenumber of the gesture areas corresponding to the number of the controls;and displaying, in the gesture areas, gestures required for activatingthe corresponding controls.

A touch page control system includes: a request receiving unit,configured to receive a page opening request; a determination unit,configured to perform determination on a page to be opened, to determinewhether controls exist in the page; a control information determinationunit, configured to count, when the controls exist in the page, thenumber of the controls, and determine locations of the controls; agesture area creation unit, configured to create gesture areas accordingto the number of the controls, the number of the gesture areascorresponding to the number of the controls; and a display unit,configured to display, in the gesture areas, gestures required foractivating the corresponding controls.

A method for creating a graphical user interface used in a touch deviceincludes: creating operable controls; creating gesture sign areascorresponding to the controls, the gesture sign areas displayinggestures that can activate operations same as that activated by thecorresponding controls; and creating gesture operation areas used forreceiving a gesture of a user.

A touch device includes a memory and a processor, the memory storingexecutable program code, the executable program code being operable for:when the executable program code is executed by the processor, creatingoperable controls; creating gesture sign areas corresponding to thecontrols, the gesture sign areas displaying gestures that can activateoperations same as that activated by the corresponding controls; andcreating gesture operation areas used for receiving a gesture of a user.

A non-transitory computer program product including executable programcode used in a touch device is provided, the executable program codebeing operable for: when the executable program code is executed by theprocessor, creating operable controls; creating gesture sign areascorresponding to the controls, the gesture sign areas displayinggestures that can activate operations same as that activated by thecorresponding controls; and creating gesture operation areas used forreceiving a gesture of a user.

According to the touch page control method and system of the presentdisclosure, gesture areas corresponding to controls are displayed in apage, and gestures required for activating the corresponding controlsare displayed in the gesture areas, so that for a page operated by usingthe method and system, various operation gestures do not need to belearned during operation, which lowers learning cost of a user. Inaddition, gestures displayed in gesture areas enable controls in a pageto be activated by using different gestures, and compared with a mannerof activating a control through touching, a probability of an incorrectoperation may be lowered.

In order to make the foregoing and other objectives, features, andadvantages of the present disclosure more comprehensible, preferredembodiments are given below, and detailed description is made in thefollowing with reference to the accompanying drawings.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a flowchart of a touch page control method disclosed by thepresent disclosure;

FIG. 2 is a schematic diagram of a page after gesture areas are createdin the method shown in FIG. 1;

FIG. 3 is a schematic diagram of a gesture displayed in a gesture area Ain FIG. 2;

FIG. 4 is a schematic diagram of another page after a gesture area iscreated in the method shown in FIG. 1;

FIG. 5 is a schematic diagram of a gesture displayed in a gesture areain FIG. 4;

FIG. 6 is schematic block diagram of a touch page control systemdisclosed by the present disclosure;

FIG. 7 is a flowchart of a method, which is disclosed by the presentdisclosure, for creating a graphical user interface used in a touchdevice;

FIG. 8 is a flowchart of another method, which is disclosed by thepresent disclosure, for creating a graphical user interface used in atouch device;

FIG. 9 is a schematic diagram of a graphical user interface created in amethod provided by the present disclosure; and

FIG. 10 is a schematic diagram of another graphical user interfacecreated in a method provided by the present disclosure.

DESCRIPTION OF EMBODIMENTS

To further explain the technical means used in the present disclosurefor achieving the intended objectives and the efficacy thereof, specificimplementation manners, structures, features, and efficacy of a touchpage control method and system proposed on the basis of the presentdisclosure are described in detail below with reference to theaccompanying drawings and preferred embodiments.

First, it should be noted that, a touch device in the present disclosuremainly includes a mobile phone with a touch screen and a tabletcomputer, and is not limited thereto. A page having a control in thepresent disclosure refers to a page including an operable control, forexample, an operation page of Xunlei Kankan or PPTV, a softwaredownloading page, and a song playback page, and is not limited thereto.A control that is included in the operation page of Xunlei Kankan orPPTV and is to be activated through an operation, for example, a buttonto be activated through clicking, may be a control for selecting acategory to watch, for example, movie, TV show, and animation, or may bea playback operation control, for example, watch now and download. Acontrol contained in the software downloading page and the song playbackpage may be a control including download and play.

FIG. 1 is a flowchart of a touch page control method disclosed by anembodiment of the present invention. As shown in FIG. 1, the method ofthe present disclosure includes the following steps:

Step S101: Receive a page opening request.

Step S102: Perform determination on a page to be opened, to determinewhether controls exist in the page.

Step S103: If the controls exist in the page, count the number of thecontrols, and determine locations of the controls.

Step S104: Create gesture areas according to the number and thelocations of the controls, where the number and locations of the gestureareas correspond to the number and the locations of the controls.

Step S105: Display, in the gesture areas, gestures required foractivating the corresponding controls.

FIG. 2 is a schematic diagram of a page after gesture areas are createdin the method shown in FIG. 1. In FIG. 2, the page includes three areas,and the three areas are separately a control area, a section contentarea, and a gesture area. The control area is located on the left sideof the page, and includes three controls. By using an example in whichthe page is a page of Xunlei Kankan or PPTV, the three controls mayseparately be a movie control, a TV show control, and an animationcontrol. The section content area is located on the right side of thepage, and is used for displaying content of a section corresponding toeach control. By using an example in which the page is a page of XunleiKankan or PPTV, the section content area displays, by default, contentcorresponding to the first control of the control area, that is, themovie control, and the content may include information, such as namesand pictures of multiple movies. When the TV show control or theanimation control is activated, content in the section content area canbe correspondingly adjusted to content corresponding to the TV showcontrol or the animation control. The gesture area is located in theupper right corner of the section content area, and is used fordisplaying a gesture required for activating a corresponding control. Inthe embodiment shown in FIG. 2, the gesture area includes three gestureareas A, B, and C. Locations of the three gesture areas correspond tolocations of the three controls in the control area, and an area of eachof the three gesture areas is separately greater than an operable areaof a corresponding control.

FIG. 3 is a schematic diagram of a gesture displayed in a gesture area Ain FIG. 2. As shown in FIG. 3, a gesture in the gesture area A in FIG. 2is activated by starting from the left end of the gesture area A,sliding horizontally or approximately horizontally to the right by anarea to the right end of the gesture area, and then continuing to slidedownwards vertically by a distance, where a distance of vertical slidingis not less than a quarter of a distance of horizontal sliding. Itshould be noted that, in the present disclosure, gestures displayed invarious gesture areas may be the same or different, and in a preferredmanner, the gestures of the gesture areas are different, so that anincorrect operation caused by same gestures can be avoided. In addition,in the present disclosure, locations of the gesture areas are notlimited thereto, and may be adjusted according to the locations of thecontrols, or the gesture areas are set in a blank part of the page or apart with less text. When the gesture areas are set in the blank area ofthe page or the part with less text, a step of determining page textneeds to be added to determine the distribution of text on the page.Specifically, after it is determined that the controls exist in thepage, the distribution of content (including text, pictures, and thelike) in the page is determined, and a gesture operation area isdisplayed in an area whose content is less than a predetermined value.In an embodiment, the predetermined value may involve a ratio of area ofthe content in the area. For example, the gesture area is displayed whenthe ratio of the area of the content in the area is less than 20%.

In the embodiment shown in FIG. 2, the control area includes threecontrols. It may be understood that, the control area may also includeanother number of controls. For example, in FIG. 4, the control areaonly includes one control, and the control may be a software downloadingcontrol or a song playback control. Correspondingly, content displayedin the section content area may be related information such as adeveloper, a version, and an operating environment of the software, ormay be related information, such as a singer, a lyricist, and atunesmith of the song, and an album to which the song belongs. FIG. 5 isa schematic diagram of a gesture displayed in a gesture area in FIG. 4.FIG. 5 shows that a gesture for activating a control in FIG. 4 is aV-shaped gesture.

Further, the method may further include: setting in advance gesturesrequired for activating controls of specific types. Correspondingly, inthe step of determining the number and the locations of the controls,the method further includes determining types of the controls; beforethe step of the displaying, in the gesture areas, gestures required foractivating the corresponding controls, the method further includesextracting the required gestures from the set gestures according to thetypes of the controls, where, in the step of the displaying, in thegesture areas, gestures required for activating the correspondingcontrols, the displayed gestures are the gestures extracted from the setgestures.

Further, after step S105, the method may further include: drawing acorresponding trajectory in a gesture area according to a displayedgesture; determining whether the trajectory is consistent with thedisplayed gesture; and if the trajectory is consistent with thedisplayed gesture, activating a control corresponding to the gesturearea.

Further, after the corresponding trajectory is drawn in the gesture areaaccording to the displayed gesture, the method may further include:calibrating the drawn trajectory; and correspondingly, whether thetrajectory is consistent with the displayed gesture is determinedaccording to a calibration result. It should be noted that, the scope ofcalibration includes calibration of straightness and a length of thedrawn trajectory and an area where drawing is performed. The calibrationis used for eliminating a deviation between a gesture of an actualoperation and an ideal value. For example, curvature may exist when astraight line is actually drawn, and the calibration may be used fordetermining, as the straight line, a curve whose radius of curvature isgreater than a predetermined value. The straightness includesstraightness of each section of the trajectory. For example, in FIG. 3,the straightness includes straightness of a horizontal section and avertical section of the trajectory. The length includes a length of eachsection of the trajectory, and in FIG. 3, the length includes lengths ofa horizontal section and a vertical section of the trajectory. The areawhere drawing is performed refers to an area of a smallest rectanglecovering all endpoints of the trajectory. Calibration on the area wheredrawing is performed refers to that, if the area where drawing isperformed exceeds a range of a corresponding gesture area within acertain error range, it is also considered that the area where drawingis performed does not exceed the range of the gesture area. For example,when the gesture shown in FIG. 3 is made, if the gesture area A isexceeded within an allowed error range when vertical sliding isperformed, it is considered that the gesture does not exceed the gesturearea A.

It may be known from the foregoing description that, according to thetouch page control method of the present disclosure, gesture areascorresponding to controls are displayed in a page, and gestures requiredfor activating the corresponding controls are displayed in the gestureareas, so that for a page operated by using the method, variousoperation gestures do not need to be learned during operation, whichlowers learning cost of a user. In addition, gestures displayed ingesture areas enable controls in a page to be activated by usingdifferent gestures, and compared with a manner of activating a controlthrough touching, a probability of an incorrect operation may belowered. Further, because an area of a gesture area in the presentdisclosure is greater than an operable area of a corresponding control,a probability of an incorrect operation is further lowered.

FIG. 6 is schematic block diagram of a touch page control systemdisclosed by the present disclosure. As shown in FIG. 6, the touch pagecontrol system of the present disclosure includes a request receivingunit 201, a determination unit 202, a control information determinationunit 230, a gesture area creation unit 204, and a display unit 205,

where:

the request receiving unit 201 is configured to receive a page openingrequest;

the determination unit 202 is configured to perform determination on apage to be opened, to determine whether controls exist in the page;

the control information determination unit 203 is configured to count,when the controls exist in the page, the number of the controls anddetermine locations of the controls; and

the gesture area creation unit 204 is configured to create gesture areasaccording to the number and the locations of the controls, where thenumber and locations of the gesture areas correspond to the number andthe locations of the controls; and an area of each of the gesture areasis greater than an operable area of a corresponding control.

The display unit 205 is configured to display, in the gesture areas,gestures required for activating the corresponding controls.

Further, the system further includes a gesture setting unit 206,configured to set in advance gestures required for activating controlsof specific types. In an embodiment in which the system includes thegesture setting unit 206, the control information determination unit 203is further configured to determine types of the controls. In theembodiment in which the system includes the gesture setting unit 206,the system further includes a gesture extraction unit 207, configured toextract required gestures from the gesture setting unit 206 according tothe types of the controls.

Further, the determination unit 202 is further configured to display, inthe gesture areas, the gestures required for activating thecorresponding controls; determine, after a corresponding activationgesture is made in a gesture area according to a displayed gesture,whether the gesture acting on the gesture area is consistent with thedisplayed gesture; and if the gesture acting on the gesture area isconsistent with the displayed gesture, activate a corresponding control.

Further, the system further includes a calibration unit 208, configuredto calibrate a trajectory of the gesture acting on the gesture area. Inthe embodiment in which the system includes the calibration unit 208,the determination unit 202 performs determination after calibration bythe calibration unit 208. The scope of calibration includes calibrationof straightness and a length of the drawn trajectory and an area wheredrawing is performed.

It may be known from the foregoing description that, according to thetouch page control system of the present disclosure, gesture areascorresponding to controls are displayed in a page, and gestures requiredfor activating the corresponding controls are displayed in the gestureareas, so that for a page operated by using the system, variousoperation gestures do not need to be learned during operation, whichlowers learning cost of a user. In addition, gestures displayed ingesture areas enable controls in a page to be activated by usingdifferent gestures, and compared with a manner of activating a controlthrough touching, a probability of an incorrect operation may belowered. Further, because an area of a gesture area in the presentdisclosure is greater than an operable area of a corresponding control,a probability of an incorrect operation is further lowered.

Another aspect of the present disclosure further provides a method forcreating a graphical user interface used in a touch device. As shown inFIG. 7, the method includes the following steps:

Step S701: Create operable controls. The creation method may be appliedto various applications including controls, and operations correspondingto the controls may be activated by operations on the controls.

Step S702: Create gesture sign areas corresponding to the controls,where the gesture sign areas display gestures that can activateoperations same as those activated by the corresponding controls.

The gesture sign areas may correspond to the controls in variousmanners. In an embodiment, locations of the controls and the gesturesign areas may be arranged in a same manner. Referring to FIG. 9 andFIG. 10, a control A located at the topmost location corresponds to agesture operation area A; a control C located at the bottom correspondsto a gesture operation area C; and a control B located in the middlecorresponds to a gesture operation area B. Certainly, the number of thecontrols is not limited to the number shown in FIG. 9 and FIG. 10, andmay be less than 3 or greater than 3. In another embodiment, thecontrols and corresponding gesture operation areas may be in aone-to-one correspondence by using different colors. For example, thecontrol A and the gesture operation area A are labeled red; the controlB and the gesture operation area B are labeled yellow; and the control Cand the gesture operation area C are labeled blue. In anotherembodiment, which control corresponds to which gesture operation areamay further be indicated to a user in another manner.

A gesture needing to be used by a corresponding operation for activatinga corresponding control is displayed in a corresponding gestureoperation area. The gesture required by the activation operation isdescribed below in detail with reference to two embodiments of thepresent invention.

Step S703: Create gesture operation areas used for receiving a gestureof a user.

In an embodiment, the gesture operation areas may be in a one-to-onecorrespondence to the gesture sign areas, so that the gesture operationareas are in a one-to-one correspondence to the controls. That is, thegesture operation areas whose number corresponds to the number of thecontrols are created, and correspondences between the gesture operationareas and the controls may be indicated in the foregoing correspondingmanner. For example, correspondences are indicated according to locationrelationships or labels such as colors. The gesture operation areas mayseparately receive the gestures corresponding to the gesture sign areas,so as to activate operations that can be activated by the correspondingcontrols. In this case, a same gesture or different gestures may bedisplayed in different gesture sign areas. Preferably, the gesture signareas are separately located in corresponding gesture operation areas,so that the correspondences between the gesture sign areas and thecontrols are used. As shown in FIG. 9, a gesture sign area A is locatedin a corresponding gesture operation area A, a gesture sign area B islocated in a corresponding gesture operation area B, and a gesture signarea C is located in a corresponding gesture operation area C. Thegesture sign area is located in the gesture operation area, and thegesture sign area coincides with the gesture operation area.

In a preferred embodiment, an area of each gesture operation area isgreater than an operable area of a corresponding control. Referring toFIG. 9, the area of the gesture operation area is greater than theoperable area of the control, so that the user performs a gestureoperation in the gesture operation area.

In another embodiment, referring to FIG. 10, one gesture operation areais provided. As an example, the gesture operation area may be located atany location in an interface. A gesture of a user is any one of gesturesthat can activate operations same as those activated by thecorresponding controls. That is, various gestures for activatingoperations corresponding to various controls may be received in thegesture operation areas. Activation of an operation corresponding to thecontrol A may be performed in the gesture operation area, and activationof operations corresponding to the control B and the control C may alsobe performed in the gesture operation area. Based on such a settingmanner, the area of the gesture operation area is expanded, and the usercan conveniently perform an accurate operation.

Preferably, when multiple controls are displayed in the interface, eachof the controls separately corresponds to a different gesture. As shownin FIG. 10, different gestures are separately displayed in the gesturesign area A to the gesture sign area C. As an example, a sign displayedin the gesture sign area A is “

”, a sign displayed in the gesture sign area B is “

”, and a sign displayed in the gesture sign area C is “

”. In this way, if a gesture operation received in the gesture operationarea is “

”, the operation corresponding to the control A may be activated.

Further, before the creating gesture sign areas corresponding to thecontrols (that is, step 702), the method of the present disclosurefurther includes the following steps, referring to FIG. 8:

Step 801: Create a gesture database in advance, where the gesturedatabase includes multiple candidate gestures that can activate theoperations same as those activated by the corresponding controls. As anexample, gestures for activating operations corresponding to variouscontrols that may appear in a different interface may be created.

Step 802: Extract, from the gesture database according to the controls,candidate gestures corresponding to the controls, where the candidategestures are used for creating the gesture sign areas corresponding tothe controls. Corresponding candidate gestures are found from thegesture database according to controls appearing in an interface to bedisplayed, and are used as gestures for activating the operationscorresponding to the controls.

Step 701 to step 703 included in FIG. 8 are respectively the same as orsimilar to step 701 to step 703 shown in FIG. 7, and therefore, are notdescribed herein again.

As shown in FIG. 2, FIG. 4, FIG. 9, and FIG. 10, the graphical userinterface may further include a section content area, and the sectioncontent area occupies an area except control areas. The gestureoperation area and/or the gesture sign area may be located in blankareas in the section content area or an area with less content. Inanother embodiment, as shown in FIG. 9, the gesture operation areaand/or the gesture sign area may be separated from the section contentarea. In an embodiment (for example, an embodiment shown in FIG. 10)only including one gesture operation area, the section content area maycoincide with the gesture operation area.

When none of the operations corresponding to the controls is activated,predetermined content is displayed. The predetermined content may be setby a user or by default, and the predetermined content may be, forexample, section content corresponding to the control A. When one of theoperations corresponding to multiple controls is activated, contentcorresponding to the activated operation is displayed. For example, whenthe operation corresponding to the control B is activated, contentcorresponding to the operation may be displayed.

Another aspect of the present disclosure further provides a touchdevice, including a memory and a processor, where the memory storesexecutable program code, and the executable program code may be usedfor: when the executable program code is executed by the processor,creating operable controls; creating gesture sign areas corresponding tothe controls, where the gesture sign areas display gestures that canactivate operations same as those activated by the correspondingcontrols; and creating gesture operation areas used for receiving agesture of a user.

Still another aspect of the present disclosure further provides anon-transitory computer program product including executable programcode used in a touch device. The non-transitory computer program productincludes non-transitory digital data storage medium, for example, amagnetic disk or an optical disc, a random access memory (RAM), amagnetic type disk, a flash memory and/or a read-only memory (ROM). Inan embodiment, the executable program code may be used for: when theexecutable program code is executed, creating operable controls;creating gesture sign areas corresponding to the controls, where thegesture sign areas display gestures that can activate operations same asthose activated by the corresponding controls; and creating gestureoperation areas used for receiving a gesture of a user. In anotherembodiment, the executable program code may be used for: when theexecutable program code is executed, receiving a page opening request;performing determination on a page to be opened, to determine whethercontrols exist in the page; counting, if the controls exist in the page,the number of the controls, and determining locations of the controls;creating gesture areas according to the number of the controls, wherethe number of the gesture areas corresponds to the number of thecontrols; and displaying, in the gesture areas, gestures required foractivating the corresponding controls.

The above descriptions are merely preferred embodiments of the presentinvention, and are not intended to limit the present disclosure in anyform. Although the present disclosure has been disclosed above throughthe preferred embodiments, the embodiments are not intended to limit thepresent disclosure. A person skilled in the art can make some equivalentvariations, alterations or modifications to the above-disclosedtechnical content without departing from the scope of the technicalsolutions of the present disclosure to obtain equivalent embodiments.Any simple alteration, equivalent change or modification made to theabove embodiments according to the technical essence of the presentdisclosure without departing from the content of the technical solutionsof the present disclosure shall fall within the scope of the technicalsolutions of the present disclosure.

What is claimed is:
 1. A touch page control method, the method comprising: receiving a page opening request; in response to receiving a page opening request, performing determination on a page to be opened, to determine whether controls exist in the page; in response to determining controls exist in the page, determining a number of the controls, determining locations of the controls, and determining a type of control for each of the controls; setting touch gestures, each of the set touch gestures corresponding to each of the controls, each of the set gesture is a touch gesture required to activate each of the corresponding controls, each of touch gestures based on the type of control; extracting from the set gestures, the touch gesture required according to the determined type of control for each of the controls; creating touch gesture areas to receive touch gestures according to the determined number of the controls, a number of the gesture areas corresponding to the determined number of the controls; and displaying, in each of the touch gesture areas, a touch gesture required for activating each of the corresponding controls, each of the touch gestures extracted from the set gestures, each of the touch gesture area enabled to receive the displayed touch gesture that activates each of the corresponding controls.
 2. The touch page control method according to claim 1, wherein an area of each of the gesture areas is larger than an operable area of a corresponding control.
 3. The touch page control method according to claim 1, wherein the method further comprises: detecting a touch gesture with a trajectory in a gesture area; determining whether the trajectory matches with the displayed gesture; and in response to determining the trajectory matches with the displayed gesture, activating a control corresponding to the gesture area.
 4. The touch page control method according to claim 3, wherein the method further comprises: calibrating the trajectory; and wherein whether the trajectory matches with the displayed gesture is determined according to a calibration result.
 5. The touch page control method according to claim 4, wherein the scope of calibration comprises calibration of straightness and a length of the trajectory and an area where the touch gesture is performed.
 6. A touch page control system, comprising: a processor; a memory which stores non-transitory computer readable instruction that when executed by the processor cause the processor to: receive a page opening request; in response to receiving a page opening request, perform determination on a page to be opened, to determine whether controls exist in the page; determine, in response to determining controls exist, a number of the controls, determine locations of the controls, and determine a type of control for each of the controls; set touch gestures, each of the set touch gestures corresponding to each of the controls, each of the set gesture is a touch gesture required to activate each of the corresponding controls, each of touch gestures based on the type of control; extract from the set gestures, the touch gesture required according to the type of control for each of the controls; create touch gesture areas to receive touch gestures according to the determined number of the controls, a number of the gesture areas corresponding to the determined number of the controls; and display, in each of the touch gesture areas, a touch gesture required for activating each of the corresponding controls, each of the touch gestures extracted from the set gestures, each of the touch gesture area enabled to receive the displayed touch gesture that activates each of the corresponding controls.
 7. The touch page control system according to claim 6, wherein an area of each of the gesture areas is larger than an operable area of a corresponding control.
 8. The touch page control system according to claim 6, wherein the non-transitory computer readable instructions further cause the processor to: detect a touch gesture with a trajectory in a gesture area; determine whether the trajectory matches with the displayed gesture; and in response to determining the trajectory matches with the displayed gesture, activate a control corresponding to the gesture area.
 9. The touch page control system according to claim 8, wherein the non-transitory computer readable instructions further cause the processor to: calibrate the trajectory; and wherein whether the trajectory matches with the displayed gesture is determined according to a calibration result.
 10. The touch page control system according to claim 9, wherein the scope of calibration comprises calibration of straightness and a length of the trajectory and an area where the touch gesture is performed. 